<template>
    <div id="imgDetail">
        <div>
            <!--<div class="tab">-->
                <!--<span :class="flag==1?'shop':'change'" @click="handleShop">商品详情</span>-->
                <!--<span :class="flags==1?'meter':'active'" @click="handleMeter">产品参数</span>-->
            <!--</div>-->
            <div class="smete">
                <p class="smeteDeta">商品详情</p>
                <p class="smeteText">{{detailsGroup.attribute}}</p>
                <img src="http://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/change/WechatIMG294.png">
            </div>
            <div v-html="detailsGroup.imgDetails" class="detailImg" v-if="show">
                <p>{{detailsGroup.imgDetails}}</p>
            </div>
            <!--<div class="smete" v-else>-->
                <!--<table>-->
                    <!--<tr v-for="x in detailsGroup.attribute">-->
                        <!--<td>{{x.key}}</td>-->
                        <!--<td>{{x.value}}</td>-->
                    <!--</tr>-->
                <!--</table>-->
            <!--</div>-->
        </div>
    </div>
</template>

<script>
     export default {
         data(){
             return{
                 showParameter:true,
                 showDetails:false,
                 show:true,
                 flag:0,
                 flags:1
             }
         },
         computed:{

         },
         methods:{
             handleShop(){
                 this.flag = 0,
                 this.flags = 1,
                 this.show = true
             },
             handleMeter(){
                this.flag = 1,
                this.flags = 0,
                this.show = false   
            },
             toSplit(val){
                 return val.split('*')[0]+'<span class="two">'+val.split('*')[1]+'</span>'
             }
         },
         props:{
             detailsGroup:{}
         },

     }
</script>

<style>
    
</style>